.weightTop {
  width: 100%;
  height: 100%;
  background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fd.ifengimg.com%2Fq100%2Fimg1.ugc.ifeng.com%2Fnewugc%2F20200327%2F14%2Fwemedia%2F9c042d9998078c0c0722948867ce59058481b201_size705_w412_h218.gif&refer=http%3A%2F%2Fd.ifengimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1641022807&t=eeca5a059c2b13286ae5a499994ade02) no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);

  .toponym-haed {
    text-align: center;

    .common {
      line-height: 80rpx;
      margin: 1rpx 0;
    }

    .min-box {
      font-size: 0.7rem;
    }

    .max-box {
      font-size: 3rem;
      margin-top: 10rpx;
    }
  }

  .toponym-bottom {
    text-align: center;
    margin-top: 30rpx;

    .weather-box {
      width: 240rpx;
      margin: 0 auto;
      display: flex;
      flex-wrap: nowrap;

      .text-left {
        width: 100rpx;
     
      }

      .text-rigth {
        width: 120rpx;
        border-left: rgb(255, 255, 255) 1px solid;
      }
    }

    .weather-logs {
      width: 200px;
      font-size: 1.2rem;
      background-color: rgba(62, 196, 57, 0.7);
      border-radius: 5rpx;
      margin: 10rpx auto;
      display: flex;
      justify-content: space-around;
    }

    .weather-future {
      margin: 40rpx 0;
    }

    .weather-suggest {
      width: 80%;
      height: 200rpx;
      margin: 0 auto;
    }
  }
}